<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>滑动的登录注册页面</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css">
    <link rel="stylesheet" href="logReg/css/new_file.css">
    <script src="logReg/js/jquery-3.6.0.min.js"></script>
    <script src="logReg/js/check.js"></script>
</head>

<body>
<h1><font color="blue">ISchool</font></h1>

<div class="dowebok" id="dowebok">

    <div class="form-container sign-up-container">
        <form action="/reg" id="reg" method="post">
            <h1>注册</h1>
            <input type="text" placeholder="用户名" id="username" name="username">
            <span id="reg1"></span>
            <input type="email" placeholder="电子邮箱" id="email" name="email">
            <span id="reg2"></span>
            <input type="password" placeholder="密码" id="password" name="password">
            <span id="reg3"></span>
            <input type="password" placeholder="确认密码" id="ag_password">
            <span id="reg4"></span>
            加入我们吧
            <input class="sub" style="background: red" type="submit" value="注册">
        </form>
    </div>
    <div class="form-container sign-in-container">
        <form action="/log" id="log" method="post">
            <h1>登录</h1>
            <input type="email" placeholder="电子邮箱" name="email" id="emailL">
            <span id="log1"></span>
            <input type="password" placeholder="密码" name="password" id="passwordL">
            <span id="log2"></span>
            <input type="checkbox" name="remember" id="">七天免登录
            <input class="sub" style="background: red" type="submit" value="登录">
        </form>
    </div>

    <div class="overlay-container">
        <div class="overlay">
            <div class="overlay-panel overlay-left">
                <h1>已有帐号？</h1>
                <p>请使用您的帐号进行登录</p>
                <button class="ghost" id="signIn">登录</button>
            </div>
            <div class="overlay-panel overlay-right">
                <h1>没有帐号？</h1>
                <p>立即注册加入我们，和我们一起开始旅程吧</p>
                <button class="ghost" id="signUp">注册</button>
            </div>
        </div>
    </div>
</div>
<script src="logReg/js/new_file.js"></script>

</body>
</html>
